<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
<title>interview-registry</title>
<style>
    body {
        width: 50em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
</style>
</head>
<body>
	<br/><br/>
	<form id="registryForm">
		<table>
			<tr>
				<td>用户id</td>
				<td>
					<input id="userId_edit" name="userId" type="text">
				</td>
				<td>体重</td>
				<td>
					<input id="weight_edit" name="weight" type="text">
				</td>
				<td>日期</td>
				<td>
					<input id="weightDay_edit" name="weightDay" type="text" onBlur="formatWeightDay()">
				</td>
			</tr>
			<tr>
				<td colspan="6" align="center">
					<input type="button" value="提交" onclick="submitForm()"/>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="button" value="重置" onclick="resetForm()"/>
				</td>
			</tr>
		</table>
	</form>
	<br/>
	<!-- 查询结果集 -->	
	<table id="dg" title="查询结果" class="easyui-datagrid" style="width:100%;height:auto;"
			url="/interviewRegistry/api/registries/datagrid"
			rownumbers="true" pagination="true" fitColumns="true">
			<!-- table增加了pagination="true"属性，就增加了底部的分页工具栏 -->
		<thead>
			<tr>
				<!-- field必须不能重复，否则页面展示上比例调整起来很没有规律 -->
				<th data-options="field:'id',hidden:true">主键</th>
				<th field="userName" width="10">姓名</th>
				<th field="phone" width="20">手机</th>
				<th field="email" width="20">邮箱</th>
				<th field="genderCode" width="5" formatter="formatGenderCode">性别</th>
				<th field="firstInterviewOfficer" width="20">一面面试官</th>
				<th field="educationBackground" width="20">学历</th>
				<th field="university" width="20">毕业院校</th>
				<th field="major" width="30">专业</th>
				<th field="graduateMonth" width="20">毕业时间</th>
				<th field="jobExperienceYear" width="20">工作年限</th>
				<th field="expectedSalary" width="20">期望薪资</th>
				<th field="registDay" width="20">填写登记表日期</th>
			</tr>
		</thead>
	</table>
	
	<div id="toolbar">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newRecord('编写面试人员登记表')">编写面试人员登记表</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editRecord('修改面试人员登记表')">修改面试人员登记表</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyRecord()">删除面试人员登记表</a>
	</div>
	
	<br/>
	
	<!-- 下面dlg是为了有新增界面 -->
	<div id="dlg" class="easyui-dialog" style="width:800px;height:auto;padding:0px 0px"
			closed="true" buttons="#dlg-buttons">
		<div class="easyui-tabs" style="width:100%;height:600px;" fit="true">
			<div title="面试人员登记表" style="padding:5px">
				<form id="fm" method="post" novalidate>
				<table cellpadding="5" style="width:100%;">
					<tr>
						<td><label>姓名</label></td>
						<td>
							
							<input type="hidden" id="editType_edit" name="editType" value="new"/>
							<input type="hidden" id="id_edit" name="id" value=""/>
							<input type="hidden" id="validStatus_edit" name="validStatus" value=""/>
							<input id="userName_edit" name="userName" class="easyui-textbox" value="" data-options="onChange:checkUserName"/>
							<label  id="label_after_userName"></label>
						</td>
						<td><label>英文名/拼音</label></td>
						<td>
							<input id="userEName_edit" name="userEName" class="easyui-textbox" value=""/>
						</td>
						
					</tr>
		
					<tr>
						<td><label>性别</label></td>
						<td>
							<input id="genderCode_edit" name="genderCode" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '男',
										value: 'M'
									},{
										label: '女',
										value: 'F'
									},{
										label: '--',
										value: '',
										'selected':true
									}]"/>
							<!-- <input type="hidden" id="genderName_edit" name="genderName" value=""/> -->
						</td>
						<td><label>出生年月(yyyy/MM)</label></td>
						<td>
							<input id="birth_edit" name="birth" class="easyui-textbox" value="" data-options="onChange:formatBirth,onBlur:formatBirth"/>
						</td>
					</tr>
		
					<tr>
						<td><label>电话</label></td>
						<td>
							<input id="phone_edit" name="phone" class="easyui-textbox" value="" data-options="onChange:checkPhone"/>
							<label  id="label_after_phone"></label>
						</td>
						<td><label>邮箱</label></td>
						<td>
							<input id="email_edit" name="email" class="easyui-textbox" value="" data-options="onChange:checkEmail"/>
							<label  id="label_after_email"></label>
						</td>
						
					</tr>
					
					<tr>
						<td><label>毕业院校</label></td>
						<td>
							<input id="university_edit" name="university" class="easyui-textbox" value="" data-options="onChange:onChangeUniversity">
						</td>
						<td><label>专业</label></td>
						<td>
							<input id="major_edit" name="major" class="easyui-textbox" value="" data-options="onChange:onChangeMajor"/>
						</td>
					</tr>
					<tr>
						<td><label>学历</label></td>
						<td>
							<input id="educationBackground_edit" name="educationBackground" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '大专',
										value: '大专'
									},{
										label: '三本',
										value: '三本'
									},{
										label: '非统招本科',
										value: '非统招本科'
									},{
										label: '统招本科',
										value: '统招本科',
										'selected':true
									},{
										label: '硕士及以上',
										value: '硕士及以上'
									},{
										label: '--',
										value: ''
									}]"/>
						</td>
						<td><label>毕业时间(yyyy/MM)</label></td>
						<td>
							<input id="graduateMonth_edit" name="graduateMonth" class="easyui-textbox" value="" data-options="onChange:formatGraduateMonth,onBlur:formatGraduateMonth"/>
						</td>
					</tr>
					
					<tr>
						<td><label>学校类型</label></td>
						<td>
							<input id="universityType_edit" name="universityType" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '公立',
										value: 'public'
									},{
										label: '私立',
										value: 'private'
									},{
										label: '--',
										value: ''
									}]"/>
						</td>
						<td><label>学历查询网站</label></td>
						<td>
							<input id="educationRegistWebsite_edit" name="educationRegistWebsite" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '学信网',
										value: '学信网'
									},{
										label: '民教网',
										value: '民教网'
									},{
										label: '其他',
										value: '其他'
									},{
										label: '--',
										value: ''
									}]"/>
						</td>
					</tr>
					
					<tr>
						<td><label>工作年限</label></td>
						<td>
							<input id="jobExperienceYear_edit" name="jobExperienceYear" class="easyui-numberspinner" value="1" data-options="increment:1"/>
						</td>
						<td><label>期望薪资</label></td>
						<td>
							<input id="expectedSalary_edit" name="expectedSalary" class="easyui-textbox" value=""/>
						</td>
						
					</tr>
					
					<tr>
						<td><label>标签</label></td>
						<td colspan="3">
							<input id="tags_edit" name="tags" class="easyui-textbox" style="width:100%;"/>
						</td>
					</tr>
					
					<tr>
						<td><label>登记日期(yyyy/MM/dd)</label></td>
						<td>
							<input id="registDay_edit" name="registDay" class="easyui-textbox" value="" data-options="onChange:formatYearMonthDay,onBlur:formatYearMonthDay"/>
						</td>
						<td><label></label></td>
						<td>
						</td>
					</tr>
					
					<tr>
						<td><label>面试结果</label></td>
						<td>
							<input id="interviewResult_edit" name="interviewResult" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '通过',
										value: '通过'
									},{
										label: '不通过',
										value: '不通过'
									},{
										label: '--',
										value: ''
									}]"/>
						</td>
						<td><label></label></td>
						<td>
						</td>
					</tr>
					<tr>
						<td><label>评价</label></td>
						<td colspan="3">
							<input id="remark_edit" name="remark" class="easyui-textbox" data-options="multiline:true" value="" style="width:100%;height:100px">
						</td>
					</tr>
					
				</table>
				</form>
			</div>
			<div title="第一次面试信息" style="padding:5px">
				<table style="width:100%;">
					<tr>
						<td><label>一面时间</label></td>
						<td>
							<input id="firstInterviewTime_edit" name="firstInterviewTime" class="easyui-datetimebox" data-options="formatter:myDateTimeFormatter,parser:myDateTimeParser"/>
						</td>
						<td><label>一面面试官</label></td>
						<td>
							<input id="firstInterviewOfficer_edit" name="firstInterviewOfficer" class="easyui-textbox" value=""/>
						</td>
					</tr>
					<tr>
						<td><label>一面结果</label></td>
						<td>
							<input id="firstInterviewResult_edit" name="firstInterviewResult" class="easyui-combobox" 
								data-options="
									valueField: 'value',
									textField: 'label',
									data: [{
										label: '通过',
										value: '通过'
									},{
										label: '不通过',
										value: '不通过'
									},{
										label: '--',
										value: ''
									}]"/>
						</td>
						<td><label></label></td>
						<td>
						</td>
					</tr>
					<tr>
						<td><label>一面评价</label></td>
						<td colspan="3">
							<input id="firstIntervirewRemark_edit" name="firstIntervirewRemark" class="easyui-textbox" data-options="multiline:true" value="" style="width:100%;height:100px">
						</td>
					</tr>
				</table>
			</div>
			
		</div>
	</div>
	
</body>

<!-- 引入jquery' -->
<script src="/interviewRegistry/jquery/3.3.1/jquery.min.js"></script>
<!-- 引入jquery-cookie -->
<script src="/interviewRegistry/jquery/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<!-- easyui需要依赖jquery -->
<script src="/interviewRegistry/jquery/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="/interviewRegistry/jquery/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="/interviewRegistry/jquery/easyui/themes/icon.css" rel="stylesheet" type="text/css" />

<script src="/interviewRegistry/interviewRegistry.js"></script>

</html>